
<script setup>
import {
  ref,
  reactive,
  computed,
  onBeforeMount,
  onMounted,
  onBeforeUpdate,
  onUpdated,
  onBeforeUnmount,
  onUnmounted,
  watch,
  watchEffect,
} from 'vue';
const toggle = ref('')
const dynamicTrueValue = ref('www')
</script>
  
  <template>
  <div class="show-demo2">
    <input type="checkbox" v-model="toggle" true-value="yes" false-value="no" />
    <input type="checkbox" v-model="toggle" :true-value="dynamicTrueValue" :false-value="dynamicFalseValue" />
  </div>

</template>
  
  <style  lang="less" scoped>
  .show-demo2 {
    text-align: center;
    padding: 20px;
    margin-top: 30px;
  
    button {
      margin-left: 20px;
    }
  
    .result {
      margin-top: 20px;
      font-weight: 700;
    }
  }
  </style>
      